<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>侧边栏抽屉</title>
   <link rel="stylesheet" href="css/sidebar.css">
   <link rel="stylesheet" href="css/wenjuan_ht.css">
   <link rel="stylesheet" href="css/main.css">



</head>

<body>
   <div id="wrapper" style="left:0;">
      <!-- 侧边栏 -->
      <div class="sidebar">
         <!-- <div class="headSculpture">

            <div class="content">
               <ul class="venus-menu">
                  <li>
                     <a href="#"><img src="images/headSculpture.jpg" alt="">
                        <p>昵称：粉红色少女</p>
                     </a>
                     <ul>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的下载</a></li>
                        <li><a href="#">退出登录</a></li>
                     </ul>
                  </li>
               </ul>
            </div>

         </div> -->
         <div class="option">
            <ul>
               <li><img src="images/home.png" alt="">
                  <!-- <p>首页</p> -->
                  <a href="#1">首页</a>
               </li>

               <li><img src="images/works.png" alt="">
                  <!-- <p>我的作品</p> -->
                  <a href="#2">我的作品</a>
               </li>
               <li><img src="images/release.png" alt="">
                  <!-- <p>发布作品</p> -->
                  <a href="#3">发布作品</a>
               </li>
               <li><img src="images/collection.png" alt="">
                  <!-- <p>我的收藏</p> -->
                  <a href="#4">我的收藏</a>
               </li>
               <li><img src="images/setup.png" alt="">
                  <!-- <p>设置</p> -->
                  <a href="#5">设置</a>
               </li>
            </ul>
         </div>
      </div>
      <!-- 侧边栏按钮 -->
      <button></button>
      <div class="models" style="width: 100%;height: 5rem; background-color: darkkhaki;">
         <div class="content">
            <ul class="venus-menu">
               <li>
                  <a href="#"><img src="images/headSculpture.jpg" alt="" style="width: 5rem;height: 5rem; border-radius: 5rem;">  
                     <!-- <p>昵称：粉红色少女</p> -->
                  </a>
                  <ul>
                     <li><a href="#">我的收藏</a></li>
                     <li><a href="#">我的下载</a></li>
                     <li><a href="#">退出登录</a></li>
                  </ul>
               </li>
            </ul>
         </div>
      </div>
      <!-- 内容区域 -->
      <div class="banner">
         <div id="1" style="height:100%;background-color: rgb(36, 48, 48);width: 50rem;">

            <div class="home-section-scene section-scene-bg">
               <h2 style="font-size: 40px;margin-left: 25rem;">满足你更多的业务场景</h2>
               <div class="wrap clearfix">
                  <a class="item" href="./login.html" target="_blank">
                     <div class="icon index-icon survey"></div>
                     <h3>问卷调查</h3>
                     <div class="text">消费者调研 · 市场调研 · 产品调查</div>
                  </a>
                  <a class="items" href="/satisfaction" target="_blank">
                     <div class="icon index-icon satisfaction"></div>
                     <h3>满意度调查</h3>
                     <div class="text">服务质量 · 教学质量 · 物业后勤</div>
                  </a>
                  <a class="itemss" href="/form" target="_blank">
                     <div class="icon index-icon form"></div>
                     <h3>报名登记表</h3>
                     <div class="text">活动报名 · 人员登记 · 加盟申请</div>
                  </a>
               </div>

               <div class="wrap clearfix">
                  <a class="item" href="/vote" target="_blank">
                     <div class="icon index-icon vote"></div>
                     <h3>投票评选</h3>
                     <div class="text">才艺比赛 · 优秀员工 · 最佳人气</div>
                  </a>
                  <a class="items" href="/assess" target="_blank">
                     <div class="icon index-icon assess"></div>
                     <h3>考试测评</h3>
                     <div class="text">学术考试 · 员工测评 · 民意测评</div>
                  </a>
                  <a class="itemss" href="/edu" target="_blank">
                     <div class="icon index-icon edu"></div>
                     <h3>学术调研</h3>
                     <div class="text">毕业论文 · 学术课题 · 教学调查</div>
                  </a>
               </div>
            </div>
         </div>
         <div id="2" style="height:100%;background-color: beige;"> 第二章的内容</div>
         <div id="3" style="height:100%;background-color: rgb(158, 38, 84);">第三章的内容</div>
         <div id="4" style="height:100%;background-color: rgb(178, 11, 255);"> 第四章的内容</div>
         <div id="5" style="height:100%;background-color: rgb(21, 214, 31);">第</div>

      </div>






   </div>


   <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
   <script src="js/sidebar.js"></script>
   <script src="js/script.js"></script>

   <!-- <script src="js/nav.js"></script> -->
   <!-- <script src="js/jquery.min.js"></script> -->
   <!-- <script src="js/index.js"></script> -->
   <script src="js/jquery-3.6.0.min.js"></script>


</body>

</html>